@tailwind base;
@tailwind components;
@tailwind utilities;
// @layer components {
//   .btn-primary {
//     @apply py-2 px-5 bg-violet-500 text-white font-semibold rounded-full shadow-md hover:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-400 focus:ring-opacity-75;
//   }
// }
input,
img {
  margin: 0;
  padding: 0;
  border: 0 none;
  outline-style: none;
  vertical-align: bottom;
}

button {
  border: none;
}

.router-link-active {
  text-decoration: none; //去除默认样式
}

input {
  box-sizing: border-box;
  background-color: inherit;
}

p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}

/* 滚动条宽度 */  
::-webkit-scrollbar {  
  width: 3px;  
}  
  
/* 滚动条轨道 */  
::-webkit-scrollbar-track {  
  background: #f1f1f1;  
}  
  
/* 滚动条句柄 */  
::-webkit-scrollbar-thumb {  
  background: #888;  
  border-radius: 10px;  
}  
  
/* 滚动条句柄悬停 */  
::-webkit-scrollbar-thumb:hover {  
  width: 50px;  
  background: #555;  
}